.park-category-fixed {
  display: none;
  position: fixed;
  top: 0.9rem;
  left: 0;
  right: 0;
  z-index: 103;
  ul {
    li {
      position: relative;
      height: 0.88rem;
      line-height: 0.88rem;
      text-align: center;
      border-bottom: 1px solid #eee;
      background-color: #fff;
      .icon-gou {
        visibility: hidden;
        position: absolute;
        left: 2.5rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 0.42rem;
      }
      &.active {
        color: @park-color-green;
        .icon-gou {
          visibility: visible;
        }
      }
    }
  }
}
.park-category2-fixed {
  position: fixed;
  top: 1.7rem;
  bottom: 0;
  left: 0;
  width: 1.75rem;
  /*-webkit-overflow-scrolling: touch;*/
  /*height: 8.80rem;*/
  background-color: #f2f2f2;
  overflow: auto;
  ul {
    li {
      position: relative;
      box-sizing: border-box;
      border-bottom: 1px solid #ddd;
      height: 1.08rem;
      line-height: 1.08rem;
      text-align: center;
      &.active {
        background-color: #fff;
        color: @park-color-green;
        &:after {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          border-right: 0.08rem solid @park-color-green;
        }
      }
      &:last-child {
        border-bottom: 0;
      }
    }
  }
}